<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>修改个人资料</title>
<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
<link rel="stylesheet" type="text/css" href="../../css/css.css" />
<link rel="stylesheet" type="text/css"
	href="../../js/jquery-easyui-1.4.3/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css"
	href="../../js/jquery-easyui-1.4.3/themes/icon.css" />
<link rel="stylesheet" type="text/css"
	href="../../js/SimpleTree1.3/js/tree_themes/SimpleTree.css" />
<style>
.sel_div {
	width: 450px;
	margin: 0 auto;
	border-bottom: none;
}

.popup_con {
	width: 450px;
	margin: 0 auto;
}

.li_col .label {
	width: 140px;
}

.li_col .text {
	width: 220px;
}

.button_con button {
	display: inline;
	cursor: pointer;
}
</style>
</head>

<body>
	<div class="main">
		<div class="sel_div">


			<table cellpadding="0" cellspacing="0" class="sel_con">
				<tr>
					<th>修改个人资料</th>
				</tr>
			</table>

		</div>

		<div class="popup_con">
			<form id="modifyForm" method="post">
				<ul>
					<li class="li_col"><label for="txtCompany" class="label">公司：</label>
						<div class="input_con">
							<input id="txtCompany" name="txtCompany" type="text"
								class="easyui-validatebox text" data-options="required:true"
								missingMessage="公司不能为空！" />
						</div></li>
					<li class="li_col"><label for="txtDepartment" class="label">部门：</label>
						<div class="input_con">
							<input id="txtDepartment" name="txtDepartment" type="text"
								class="easyui-validatebox text" data-options="required:true"
								missingMessage="部门不能为空！" />
						</div></li>
					<li class="li_col"><label for="txtAcount" class="label">账号：</label>
						<div class="input_con">
							<input id="txtAcount" name="txtAcount" type="text"
								class="easyui-validatebox text"
								data-options="required:true,validType:'username'"
								missingMessage="账号不能为空！"
								invalidMessage="用户名不合法（字母开头，允许6-16字节，允许字母数字下划线）" />
						</div></li>
					<li class="li_col"><label for="txtFullName" class="label">姓名：</label>
						<div class="input_con">
							<input id="txtFullName" name="txtFullName" type="text"
								class="easyui-validatebox text" data-options="required:true"
								missingMessage="姓名不能为空！" />
						</div></li>
					<li class="li_col"><label for="txtJobNumber" class="label">工号：</label>
						<div class="input_con">
							<input id="txtJobNumber" name="txtJobNumber" type="text"
								class="easyui-validatebox text" data-options="required:true"
								missingMessage="工号不能为空！" />
						</div></li>
					<li class="li_col"><label for="txtEmail" class="label">邮箱地址：</label>
						<div class="input_con">
							<input id="txtEmail" name="txtEmail" type="text"
								class="easyui-validatebox text"
								data-options="required:true,validType:'email'"
								missingMessage="邮箱地址不能为空！"
								invalidMessage="请输入有效的电子邮件地址，如example@szlanyou.com" />
						</div></li>
					<li class="li_col"><label for="txtPhone" class="label">电话：</label>
						<div class="input_con">
							<input id="txtPhone" name="txtPhone" type="text"
								class="easyui-validatebox text" data-options="required:true"
								missingMessage="邮箱地址不能为空！" />
						</div></li>
				</ul>


			</form>
			<div id="buttons" class="button_con">
				<button class="default_btn" id="confirm">确认</button>
				<button class="default_btn" id="cancel">取消</button>
			</div>
		</div>




	</div>



	<script type="text/javascript" src="/webjars/json3/3.3.2/json3.min.js"></script>
	<script type="text/javascript"
		src="../../js/jquery-easyui-1.4.3/jquery.min.js"></script>
	<script type="text/javascript"
		src="../../js/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
	<script type="text/javascript"
		src="../../js/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

	<script type="text/javascript" src="../../js/cook/constants.js"></script>
	<script type="text/javascript" src="../../js/cook/FormValidate.js"></script>
	<script>
$(document).ready(function(){		 
	$('#txtCompany').combobox({
		editable: false,
		url: '',
		valueField: 'id',
		textField: 'name',
		method:'get',
		loadFilter:function(data){
			return data.content;
		}
		
	});
	
	$('#txtDepartment').combobox({
		editable: false,
		url: '',
		valueField: 'id',
		textField: 'name',
		method:'get',
		loadFilter:function(data){
			return data.content;
		}
		
	});
	
	
});
$("#confirm").click(function(e) {
	e.preventDefault();
    if($("#modifyForm").form("validate")){
		alert("good");
	}
});
$("#cancel").click(function(e) {
	e.preventDefault();

});

	
</script>
</body>
</html>
